﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        onload = function () {
            // 获取元素的优化
            // var fs = document.forms[0];


            // 事件的模拟1
            // 提供事件使用什么属性
            //var btn = document.getElementById("btn");
            //btn.onclick = function () {
            //    document.getElementById("btn0").click();
            //};
            // btn.click();

            // 事件的模拟2
            // form表单有一个提交的事件
            //var btn = document.getElementById("btn");
            //btn.onclick = function () {
            //    var f = document.forms[0];
            //    // 页面中不需要submit标签，我也可以提交
            //    f.submit();
            //}

            
            var f = document.forms[0];
            // 页面中不需要submit标签，我也可以提交
            f.onsubmit = function () {
                return confirm("您确定要提交么？");
            };
           

            // onblur
            // onfocus

            var txt = document.getElementById("txt");

            txt.onblur = function () {
                if (this.value.length == 0) {
                    this.value = "输入机票给你惊喜";
                }
            };
            txt.onfocus = function () {
                if (this.value == "输入机票给你惊喜") {
                    this.value = "";
                }
            };

            var _ = 0;
        };

    </script>
</head>
<body>
    <form>
        <input type="text" name="name" value="" id="txt" />
        <input type="text" name="uid" value="" /><br />
        <input type="password" name="pwd" value="" /> <br />
        <input type="submit" id="btn0"/>
        <input type="button" name="name" value="点击" id="btn"/>
    </form>
    <hr />
    <form>
        <input type="text" name="uid" value="" /><br />
        <input type="password" name="pwd" value="" /> <br />
        <input type="submit"/>
    </form>
</body>
</html>
